<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			function fn() {
				var d1 = +new Date();


				//方式1 --> 1500毫秒--3000毫秒
				// for (var i = 0; i < 1000; i++) {
				// 	document.body.innerHTML += "<div style='width:100px;height:2px;border:1px solid blue'></div>"
				// }
				
				//方式2 --> 3毫秒左右
				var arr=[];
				for (var i = 0; i < 1000; i++) {
					arr.push("<div style='width:100px;height:2px;border:1px solid blue'></div>");
				}
				document.body.innerHTML=arr.join("")
				
				var d2 = +new Date();

				console.log(d2 - d1);
			}
			fn()
		</script>
	</body>
</html>
